<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>选择任务单</title>
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/buttons.css">
  <link type="text/css" href="../css/stylesheet.css" rel="stylesheet" media="screen" />
  <link href="../css/font-awesome.min.css" type="text/css" rel="stylesheet" />

  <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/summernote/summernote.js"></script>
	<script src="../js/datetimepicker/moment.js" type="text/javascript"></script>
	<script src="../js/datetimepicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
	<link href="../js/datetimepicker/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" media="screen" />


</head>
<body>

<nav id="column-left" class="active"><div id="profile">
  <div>
    <h4>XXX，欢迎回来！</h4>
  </div>
</div>
<ul id="menu">
  <li id="catalog" ><a href="选择任务单.html"  class="parent"><i class="fa fa-tags fa-fw"></i> <span>选择任务单</span></a></li>
  <li id="catalog"><a href="index.html" class="parent"><i class="fa fa-tags fa-fw"></i> <span>查看已接任务单</span></a></li>
</ul>
</nav>




<div id="content">
  <div class="page-header">
    <div class="container-fluid">
      <div class="pull-right">
    
      </div>
      <h1>任务单</h1>
    </div>
  </div>

  <div class="container-fluid">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title"><i class="fa fa-list"></i>任务单列表</h3>
      </div>

      <div class="table-responsive">
        <table class="table table-bordered table-hover table-striped">
        	<thead>
            <tr>
            	<td>任务单名称</td>
            	<td>发布时间</td>
            	<td>发布人</td>
            </tr>
          </thead>
          <tbody>
          	<tr>
          		<td class="text-left"><a href="../../../ForeSite/Transportation/html/查看任务单详情.html">康师傅酸菜牛肉面</a></td>
          		<td>2016/06/06 00:00:00</td>
          		<td>zsl</td>
          	</tr>
          	<tr>
          		<td class="text-left"><a href="">康师傅冰红茶</a></td>
          		<td>2016/06/06 00:00:00</td>
          		<td>zsl</td>
          	</tr>
          	<tr>
          		<td class="text-left"><a href="">康师傅红烧牛肉面</a></td>
          		<td>2016/06/06 00:00:00</td>
          		<td>zsl</td>
          	</tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>

</div>
<script type="text/javascript">
$('#button-menu').on('click', function() {
    // Checks if the left column is active or not.
    if ($('#column-left').hasClass('active')) {
      localStorage.setItem('column-left', '');

      $('#button-menu i').replaceWith('<i class="fa fa-indent fa-lg"></i>');

      $('#column-left').removeClass('active');

      $('#menu > li > ul').removeClass('in collapse');
      $('#menu > li > ul').removeAttr('style');
    } else {
      localStorage.setItem('column-left', 'active');

      $('#button-menu i').replaceWith('<i class="fa fa-dedent fa-lg"></i>');

      $('#column-left').addClass('active');

      // Add the slide down to open menu items
      $('#menu li.open').has('ul').children('ul').addClass('collapse in');
      $('#menu li').not('.open').has('ul').children('ul').addClass('collapse');
    }
  });
</script>

</body>
</html>

